<script setup>
import Layout from './main/layout/index.vue'

const props = defineProps({
    component: {
        type: String,
        default: 'Layout'
    }
})
</script>

<template>
<div class="main">
    <div class="main-content" v-if="props.component">
        <!-- <component :is="props.component" ></component> -->
        <Layout></Layout>
    </div>
</div>
</template>

<style scoped>
.main{
    width: 470px;
    border-right:5px rgb(38, 38, 38) solid ;
    border-left: 5px solid rgb(31, 41, 55);
    height: calc(100vh - 85px);
    overflow: scroll;
    overflow-x: hidden;
}
.main-content{

}
.main::-webkit-scrollbar {
  display: none; /* Chrome/Safari/Edge */
}
</style>
